@mixin pxToremCalc($property, $values...) {

  $max: length($values);
  $pxValues: '';
  $remValues: '';
  @for $i from 1 through $max {
    $value: nth($values, $i);
    $browser-default-font-size: $browser-default-font-size;
    $remValues: #{$remValues + $value / $browser-default-font-size}rem;
    @if $i < $max {
      $remValues: #{$remValues + " "};
    }
  }
  @for $i from 1 through $max {

    $value: nth($values, $i);
    $pxValues: #{$pxValues + $value}px;
    @if $i < $max {
      $pxValues: #{$pxValues + " "};
    }
  }

  #{$property}: $pxValues;
//  #{$property}: $remValues;

}

@mixin fontSizeLoop($class,$pxValues){
  @for $i from 1 through 3 {
    @at-root [data-dpr= "#{$i}"] #{$class}{
      @if $i == 3{
        $fontdpr3size : $pxValues * $i * 1.1;
        font-size: floor($fontdpr3size) + px;
        line-height: floor($fontdpr3size)*1.2 + px;
      }
      @else{
        font-size: #{$pxValues * $i}px;
        line-height: #{$pxValues * $i *1.2}px;
      }
    }
  }
}

//@mixin clearfix() {
//  &:before, &:after {
//    content: "";
//    display: table;
//  }
//  &:after {
//    clear: both;
//  }
//}

@mixin box-sizing($value: border-box) {
  -webkit-box-sizing: $value;
}